<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item><i class="el-icon-setting"></i> 自述</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="ms-doc">
            <h3>README.md</h3>
            <article>
                <h1>manage-system</h1>
                <p>基于Vue.js 2.x + Element UI + Echarts的数据展示系统</p>
                <p><h2>前言</h2>
                <p>此系统后台采用java的ssm（Spring+SpringMVC+Mybatis）框架开发，数据库采用服务器端的的mysql</p>
                <p>此系统可以通过搜索框搜索指定内容动态生成图表，表格，可以直观的看到数据之间的大小比较以及所占比例的多少，因为数据库内爬取的文件没有时间戳，无法完成数据预测,略有遗憾。此系统外加后台分析系统，数据采集系统是整个项目的三大模块，前后台各自占据不同的端口，相互之间传递数据但是又互不干扰，数据采集系统是基于scrapy框架自主编码的爬虫系统，可以从知名招聘网站爬取各种招聘信息。</p>
                <p>
                <h3>运行环境：windows 10</h3>
                    <h4>依赖：python 2.7 + scrapy + scrapy-redis</h4>
                    <h4>另外支持使用docker下的scrapy-splash渲染js页面</h4>

                    <h3>安装：python 2.7</h3>

                    <p>
                        0.先安装python2.7.5</p>

                <p>32位：<a href="https://www.python.org/ftp/python/2.7.5/python-2.7.5.msi">https://www.python.org/ftp/python/2.7.5/python-2.7.5.msi</a></p>
                <p>64位：<a href="https://www.python.org/ftp/python/2.7.5/python-2.7.5.amd64.msi">https://www.python.org/ftp/python/2.7.5/python-2.7.5.amd64.msi</a></p>


                <p>1.下载<a href="https://bootstrap.pypa.io/ez_setup.py">https://bootstrap.pypa.io/ez_setup.py</a>

                    python ez_setup.py  #安装 setuptools
                    </p>
                <p>2.下载 <a href="https://raw.github.com/pypa/pip/master/contrib/get-pip.py">https://raw.github.com/pypa/pip/master/contrib/get-pip.py</a>

                    python get-pip.py install   ##安装 pip
                    </p>
                   <p> 3. 安装完毕之后会在系统目录下生成Scripts目录，里面有 ：

                    easy_install.exe 和 pip.exe  等可执行文件。
                   </p>

                    <p>安装scrapy

                    pip install scrapy

                    安装scrapy-redis

                    pip install scrapy-redis

                    安装 Redis
                    </p>
                <h3>运行：</h3>

                    <p>启动redis服务器（为方便检查，redis服务器采用的远程redis 此步骤可忽略）
                    </p>
            <p>
                    cd CrawlJob
            </p>
            <p>
                    scrapy crawl job(若为windows环境下运行，可直接双击start.bat文件)
            </p>
            <p>
                    因为此爬虫为分布式爬虫，爬取数据和入库操作是分离的，若要插入数据库请在process_items.py
                文件夹下打开终端，输入: python process_items.py job:items --host 127.0.0.1 --port 6379 --verbose (若使用远程redis.请将127.0.0.1换成123.)</p>
                <h2>功能</h2>
                <el-checkbox disabled checked>Element UI</el-checkbox>
                <br>
                <el-checkbox disabled checked>登录/注销</el-checkbox>
                <br>
                <el-checkbox disabled checked>表格</el-checkbox>
                <br>
                <el-checkbox disabled checked>表单</el-checkbox>
                <br>
                <el-checkbox disabled checked>echarts图表</el-checkbox>
                <br>
                <el-checkbox disabled checked>地图映射</el-checkbox>
                <br>
                <el-checkbox disabled checked>支持切换主题色</el-checkbox>
                <br>
            </article>
        </div>

    </div>
</template>

<script>
    export default {
        data: function(){
            return {}
        }
    }
</script>

<style scoped>
    .ms-doc{
        width:100%;
        max-width: 980px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    }
    .ms-doc h3{
        padding: 9px 10px 10px;
        margin: 0;
        font-size: 14px;
        line-height: 17px;
        background-color: #f5f5f5;
        border: 1px solid #d8d8d8;
        border-bottom: 0;
        border-radius: 3px 3px 0 0;
    }
    .ms-doc article{
        padding: 45px;
        word-wrap: break-word;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .ms-doc article h1{
        font-size:32px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
    }
    .ms-doc article h2 {
        margin: 24px 0 16px;
        font-weight: 600;
        line-height: 1.25;
        padding-bottom: 7px;
        font-size: 24px;
        border-bottom: 1px solid #eee;
    }
    .ms-doc article p{
        margin-bottom: 15px;
        line-height: 1.5;
    }
    .ms-doc article .el-checkbox{
        margin-bottom: 5px;
    }
</style>
